<%@page import="co.gov.medellin.ssti.sub.common.util.Utility"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="java.util.Collection"%>
<%@ page import="java.util.List"%>


<html>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>

<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css" />
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />
<script type="text/javascript">
$( document ).ready(function() {
	$("input[id=operacion]").val('');		
	$.datepicker.setDefaults({
		  showOn: "button",
		  buttonImageOnly: true,
		  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png" %>",
		  buttonText : "Calendario"
		});
		$(function() {
			$("#valor").datepicker({
				changeMonth : true,
				changeYear : true
			});
		});
		$(function() {
			$("#valor2").datepicker({
				changeMonth : true,
				changeYear : true
			});
		});
		
	$("#generarBtn").click(function(){
		$("input[id=operacion]").val('<%=Utility.OP_GENERAR_REPORTE%>');
	});
});
</script>										

<SCRIPT type="text/javascript">
	$(function() {
		$("#selectall").click(function() {
			$('.benecase').attr('checked', this.checked);
		});
		$(".benecase").click(function() {
			if ($(".benecase").length == $(".benecase:checked").length) {
				$("#selectall").attr("checked", "checked");
			} else {
				$("#selectall").removeAttr("checked");
			}
		});
	});
</SCRIPT>
<SCRIPT type="text/javascript">
	$(function() {
		$("#selectAllBeneficio").click(function() {
			$('.selectedIdBeneficio').attr('checked', this.checked);
		});
		$(".selectedIdBeneficio").click(function() {
			if ($(".selectedIdBeneficio").length == $(".selectedIdBeneficio:checked").length) {
				$("#selectAllBeneficio").attr("checked", "checked");
			} else {
				$("#selectAllBeneficio").removeAttr("checked");
			}
		});
	});
</SCRIPT>

<script type="text/javascript">
  
// Script para seleccionar todas las opciones del beneficio
var checkflag = "false";
function check(tamano) {
	var nom = "";
    var i;
    if (checkflag == "false") {
    	for (i = 0; i < tamano; i++) {
        	nom = "atributo"+i;
        	document.forms['frmseleccion'].elements[nom].checked = true;
      	}
      	checkflag = "true";
      	return "Uncheck All"; 
    }else{
      	for (i = 0; i < tamano; i++){
        	nom = "atributo"+i;
        	document.forms['frmseleccion'].elements[nom].checked = false;
      	}
      	checkflag = "false";
      	return "Check All"; 
    }
}
  // Fin del Script
  
  // Script para seleccionar todas las opciones del beneficiario
var checkflagbene = "false";
function checkbene(tamano) {
	var nom = "";
    var i;
    if (checkflagbene == "false"){
    	for (i = 0; i < tamano; i++) {
        	nom = "atrbeneficiario"+i;
        	document.forms['frmseleccion'].elements[nom].checked = true;
      	}
      	checkflagbene = "true";
      	return "Uncheck All"; 
    }else{
      	for (i = 0; i < tamano; i++) {
        	nom = "atrbeneficiario"+i;
        	document.forms['frmseleccion'].elements[nom].checked = false;
      	}
      	checkflagbene = "false";
      	return "Check All"; 
   	}
}
  // Fin del Script
  

function verificar(){   
    document.frmseleccion.accion.value ='1';
    document.frmseleccion.target = "_self";
    document.frmseleccion.submit();
}
  
function Generar(){
	$("#frmseleccion").attr('target', '_blank');
	$("#frmseleccion").submit();	
  }

</script>

<script src="<%=request.getContextPath()%>/js/displaytag.js"
	type="text/javascript"></script>

<html:form action="/empresas/rep/det/SeleccionCamposRepDet.do" method="post" styleId="frmseleccion"
		type="co.gov.medellin.ssti.sub.web.form.RepDetEmpresaForm">
	<!--<html:hidden property="codigos" value=""></html:hidden>-->
	<html:hidden name="RepDetEmpresaForm" property="operacion" styleId="operacion" />
	<html:hidden name="RepDetEmpresaForm" property="generar" styleId="generar" />
	<p align="center" class="titulosenblanco">
		Reporte&nbsp;Detallado&nbsp;Beneficios&nbsp;Otorgados
	</p>
	
	<div align="center">		
		<P>________________________________________________________________________</P>
		<P class="titulosenblanco">
			Seleccione los campos que desea que aparezcan en el reporte
		</P>
		<P class="titulosenblanco">
			Atributos del beneficio
		</P>
	</div>
	
	<%
		Collection atrBeneficios = (Collection) session
				.getAttribute("listaatributos");		
		int ContBeneficios = 0;
		if (atrBeneficios != null)
			ContBeneficios = atrBeneficios.size();
		atrBeneficios = null;
		/*Collection atrBeneficiarios = (Collection) session
				.getAttribute("listabeneficiario");
		int ContBeneficiarios = atrBeneficiarios.size() + ContBeneficios;
		atrBeneficiarios = null;*/
	%>

	<!--<script type="text/javascript">
      var atrBeneficiarios = new Array(<%--=ContBeneficiarios--%>); 
      var tamano = <%--=ContBeneficiarios--%>;
      var i = 0;
    </script>-->

	<div align="center">		
		<c:if test="${not empty sessionScope.listaatributos}">		
			<table class="tablaGenericaWidth40">
			
				<%
					String nombre = "";
						List lListaAtributos = (List) session
								.getAttribute("listaatributos");
						int tamano = lListaAtributos.size();
						int j = 0;
				%>
				<tr>
					<td align="right">
						<font class="celdatabla">Seleccionar Todos</font>
						<input type="checkbox" name="SLT_ALL_BENEFICIO"
							value="Check All" id="selectAllBeneficio" />
					</td>
				</tr>
				<tr>
					<td>
						<display:table name="sessionScope.listaatributos"
							id="beneotot" cellpadding="3" cellspacing="1" style="width:100%"
							class="bordestable">
							<display:column headerClass="headerTable" title="Atributo"
								class="Numero" sortable="true" group="1">
								<div align="center">
									${beneotot.etiqueta}									
								</div>
							</display:column>
							<display:column headerClass="headerTable" title="Escoger"
								class="Numero">
								<div align="center">
									<% nombre = "atributo" + j; %>
									<input type="checkbox" name="<%=nombre%>" class="selectedIdBeneficio"
										value="<bean:write name="beneotot" property="codigo"/>" 
										<%= (request.getParameter(nombre) != null) ? "checked='checked'":"" %> />
									<% j++; %>
								</div>
								<script>
                    				atrBeneficiarios[i] = '<%=nombre%>';
                    				i++;
               					</script>
							</display:column>
						</display:table>
					</td>
				</tr>
			</table>
			
			<!--<input type="HIDDEN" name="accion" />-->	
		</c:if>
		<P>
			<input type="submit" value="Generar" id="generarBtn" />
			<%-- String valor = (String) request.getAttribute("codsub"); --%>
			<!--<input type="HIDDEN" name="generar" id="generar" value="<%--=valor--%>" />-->
		</P>
	</div>
</html:form>

</html>
